<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path=request.getContextPath();
	String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="<%=basePath%>">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>
<link rel="stylesheet" type="text/css" href="css/table.css" />
</head>
<body>
	<div><a class="button border-black add" href="javascript:void(0)" onclick="return del(1,1)"> 添加 </a></div>
	<div id="AddConducor">
		<div id="layer">
			<div id="context">
				<form action="Route/addRoute" method="post">
					<table class="tab">
						<tr>
							<th colspan="2" class="s"><strong>添加路线</strong></th>
						</tr>
						<tr>
							<td class="f">起始站：</td>
							<td><input type="text" name="startStation" class="b"/></td>
						</tr>
						<tr>
							<td class="f">终点站：</td>
							<td><input type="text" name="destStation" class="b"/></td>
						</tr>
						<tr>
							<td class="f">发车时间：</td>
							<td><input type="text" name="t" class="b"/></td>
						</tr>
						<tr>
							<td class="f">价格：</td>
							<td><input type="text" name="price" class="b" /></td>
						</tr>
						<tr>
							<td colspan="2">
								<input type="reset" value="重置"  class="bt bt1_1"/>
								<input type="submit" value="添加" class="bt1"/>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<div class="info">
		<h1><strong>路线信息</strong></h1>
	</div>
	<br/>
	<center>
		<table class="gridtable">
			<tr>
				<th>编号</th>
				<th>起始站</th>
				<th>终点站</th>
				<th>价格</th>
				<th>时间</th>
				<th>操作</th>
			</tr>
			<!-- <tr>
				<td>1</td>
				<td>汕头</td>
				<td>广东</td>
				<td>130￥</td>
				<td>
			      <a class="button border-main" href="#add"><span class="icon-edit"></span> 修改</a>
			      &nbsp;&nbsp;&nbsp;
			      <a class="button border-red" href="javascript:void(0)" onclick="return del(1,1)"> 删除 </a>
			    </td>
			</tr>
			<tr>
				<td>2</td>
				<td>汕头</td>
				<td>广东</td>
				<td>130￥</td>
				<td>
			      <a class="button border-main" href="#add"><span class="icon-edit"></span> 修改</a>
			      &nbsp;&nbsp;&nbsp;
			      <a class="button border-red" href="javascript:void(0)" onclick="return del(1,1)"> 删除 </a>
			    </td>
			</tr>
			<tr>
				<td>3</td>
				<td>汕头</td>
				<td>广东</td>
				<td>130￥</td>
				<td>
			      <a class="button border-main" href="#add"><span class="icon-edit"></span> 修改</a>
			      &nbsp;&nbsp;&nbsp;
			      <a class="button border-red" href="javascript:void(0)" onclick="return del(1,1)"> 删除 </a>
			    </td>
			</tr> -->
			<c:forEach var="bookingRoute" items="${Route}">
				<tr>
					<td>${bookingRoute.routeid }</td>
					<td>${bookingRoute.startStation }</td>
					<td>${bookingRoute.destStation }</td>
					<td>${bookingRoute.price }</td>
					<td>${bookingRoute.time.starttime }</td>
					<td>
				      <a class="button border-main" href="javascript:void(0)"><span class="icon-edit"></span> 修改</a>
				      &nbsp;&nbsp;&nbsp;
				      <a class="button border-red" href="javascript:void(0)" onclick="return del(1,1)"> 删除 </a>
				    </td>
				</tr>
			</c:forEach>
		</table>
	</center>
	<div id="delete">
		<div id="deleteloayer">
			<div id="deleteContent">
				<form>
					<h1>是否删除</h1>
					<input type="submit" class="OK" value=" 确 定 "/>
					<input type="button" class="NO" value=" 取 消 "/>
				</form>
			</div>
		</div>
	</div>
	<div id="AddConducor1">
		<div id="layer1">
			<div id="context1">
				<form action="Route/addRoute" method="post">
					<table class="tab1">
						<tr>
							<th colspan="2" class="s1"><strong>修改路线</strong></th>
						</tr>
						<tr>
							<td class="f1">起始站：</td>
							<td><input type="text" class="b1"/></td>
						</tr>
						<tr>
							<td class="f1">终点站：</td>
							<td><input type="password"  class="b1"/></td>
						</tr>
						<tr>
							<td class="f1">发车时间：</td>
							<td><input type="password"  class="b1"/></td>
						</tr>
						<tr>
							<td class="f1">价格：</td>
							<td><input type="text" class="b1" /></td>
						</tr>
						<tr>
							<td colspan="2">
								<input type="reset" value="重置"  class="bt1 bt1_1"/>
								<input type="submit" value="添加" class="bt1 bt2"/>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</body>
</html>